<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  <style>
    body{
        background-color: rgb(233, 233, 229);
    }  
    #xian1{
        width: 300px;
        height: 1px;
        position: absolute;
        top: 10%;
        background-color: #d3d0d0;
    }
    #xian2{
        width: 300px;
        height: 1px;
        position: absolute;
        top: 32%;
        background-color: #d3d0d0;
    }
    #xian3{
        width: 800px;
        height: 1px;
        position: absolute;
        top: 15%;
        background-color: #d3d0d0;
    }
    .box1{
        position: absolute;
        top: 6%;
        left: 13%;
        height: 700px;
        width: 300px;
        background-color: white;
    }
    #grzx{
        position: absolute;
        left: 5%;
        top: 2%;
        font-size: 19px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828;
    }
    #yhm{
        position: absolute;
        left: 19%;
        top: 14%;
        font-size: 17px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    #zcsj{
        position: absolute;
        left: 18%;
        top: 22%;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    #Tel{
        position: absolute;
        left: 8%;
        top: 37%;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    #pw{
        position: absolute;
        left: 8%;
        top: 45%;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    #xb{
        position: absolute;
        left: 8%;
        top: 55%;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    #age{
        position: absolute;
        left: 8%;
        top: 65%;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    #zy{
        position: absolute;
        left: 8%;
        top: 75%;
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828; 
    }
    .box2{
        position: absolute;
        top: 6%;
        left: 33%;
        height: 500px;
        width: 800px;
        background-color: white;
    }
    #bjzl{
        position: absolute;
        left: 4%;
        top: 3%;
        font-size: 19px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828;
    }
    .shuruk1{
        position: absolute;
        left: 4%;
        top: 17%;
        width: 700px;
        height: 33px;
    }
    .shuruk2{
        position: absolute;
        left: 4%;
        top: 28%;
        width: 700px;
        height: 33px;
    }
    .shuruk3{
        position: absolute;
        left: 4%;
        top: 39%;
        width: 700px;
        height: 33px;
    }
    .shuruk4{
        position: absolute;
        left: 4%;
        top: 50%;
        width: 700px;
        height: 150px;
    }
    textarea{
        position: absolute;
        left: 15%;
        width: 400px;
        height: 100px;
    }
    #srt1{
        font-size: 15px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #282828;
        position: absolute;
        left: 0;
    }
    #tip00{
        position: absolute;
        left: 15%;
        width: 400px;
        height: 36px;
        background: #FBFBFB;
            border: 1px solid #C1C1C1;
            font-family: SimSun;
            font-weight: 400;
    }
    button{
        position: absolute;
        top: 75%;
        left: 55%;
        width: 100px;
        height: 40px;
        border: none;
        background-color: powderblue;
        border-radius: 10px;
    }
  </style>

<div class="box1">
<p id="grzx">景区中心</p>
<div id="xian1"></div>
<p id="yhm">景区——秦始皇陵博物院</p>
<p id="zcsj">注册时间：2023/4/3&nbsp;9:40:23</p>
<div id="xian2"></div>
<p id="Tel">电话：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0831-654962</p>
<p id="pw">密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;***********</p>
<p id="xb">地点：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;陕西省西安市</p>
<p id="age">门票价格：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;120元</p>
<p id="zy">参观时间：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;08：30~17：00</p>

</div>
<div class="box2">
<p id="bjzl">编辑资料</p>
<div id="xian3"></div>
<div class="shuruk1"><p id="srt1">电话：</p> <input type="text" id="tip00" placeholder="0831-654962"></div>
<div class="shuruk2"><p id="srt1">门票价格：</p> <input type="text" id="tip00" placeholder="120元"></div>
<div class="shuruk3"><p id="srt1">参观时间：</p> <input type="text" id="tip00" placeholder="08：30~17：00"></div>
<div class="shuruk4">
    <p id="srt1">景区介绍：</p>
    <textarea placeholder="秦始皇帝陵博物院是以秦始皇兵马俑博物馆为基础，以秦始皇陵遗址公园·骊山园为依托的一座大型遗址博物院。同时，秦始皇帝陵博物院也是以秦始皇陵及其背景环境为主体，基于考古遗址本体及其环境的保护与展示，融合了教育、科研、游览、休闲等多项功能的公共文化空间。"></textarea>
     </div>

<button>提交</button>
</div>
  <script>
      
  </script>
</body>
</html>